<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="CSS/index_css" rel="stylesheet">
    <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/paper.js/0.9.24/paper-full.min.js"></script>
    <style>
        #mainCanvas {
            width: 400px;
            height: 400px;
            border: solid 1px black;
        }
    </style>
</head>
<body>
<canvas id="mainCanvas"></canvas>
<script>
    $(document).ready(function () {
        console.log("你好，javascript")
    });
    paper.install(window);
    paper.setup(document.getElementById("mainCanvas"));
    var c ;
    for(var x=25;x<400;x+=50){
        for(var y=25;y<400;y+=50){
            c = Shape.Circle(x,y,20);
            c.fillColor = 'green';
        }
    }
    // var c = Shape.Circle(200,200,50);
    // c.fillColor = "green";
    // paper.view.draw();
</script>
</body>
</html>